/***************************************************
* normal style
***************************************************/
@import url("../css/form.css");
@import url("../css/buttons.css");
@import url("../css/menu.css");

body{
    font-family: arial, helvetica, sans-serif;
    background: white;
    background: url("../images/grayGradient.gif");
    background-repeat: repeat-x;
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#container {
    width: 95%;
    \width: 95%;
    w\idth: 95%;
    margin: 10px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}

#banner {
    padding: 0px;
    padding-top: 5px;
    margin-bottom: 0px;
    background: url("../images/logo.gif");
    background-position: top left;
    background-repeat: no-repeat;
    /*height: 80px;*/
    vertical-align: bottom;
}

#content {
    padding-top: 0px;
    float: left;
    width: 100%;
}
#footer{
    clear: both;
    padding: 5px;
    font-size:10px;
    border-top: 1px solid #cacaca;
    background: #f3f3f3;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 25px;
}
form{
    margin: 0px;
    padding: 0px;
}
.dataTable{
    width: 98%;
}
.dataTable th{
    background: url(../images/headerBack.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    text-align: left;
    font-weight: bold;
    color: #444c2e;
    border-right: 1px solid white;
}
.dataTable td{
    border-bottom: 1px solid #EDEDED;
    font-size: 11px;
    font-family: tahoma;
}
.dataTable td.colUserIcon{
    width: 15px;
}
.dataTable td.colStatus{
    width: 20px;
}
.dataTable td.colUsername{
    width: 120px;
}
.dataTable td.colPowerState{
    width: 50px;
}
.dataTable td.colDomain{
    width: 70px;
}
.dataTable td.colIpAddress{
    width: 80px;
}
.dataTable td.colMapping{
    min-width: 100px;
}
.dataTable td.colActions{
    min-width: 100px;
}
.dataTable td.colMore{

}
.dataTable tr:hover td{
    border-bottom: 1px solid #cad2df;
    background: #dfe8f6;
    height: 20px;
}
.dataTable tr td{
    border-bottom: 1px solid #EDEDED;
    height: 20px;
}

tr.even td{
    background: #FAFAFA;
    height: 20px;
}
tr.odd td{
    background: white;
    height: 20px;
}
.powerStateRunning{
    font-weight: bold;
    color: green;
}
.powerStateStopped{
    font-weight: bold;
    color: red;
}
.powerStateLoading{
    color: #333;
    font-style: italic;
}
.powerStateRebooting{
    color: #00D4FF;
    font-style: italic;
}

/* automcompleter styles */
/**
.ac_input {
    /* width: 250px;*/
}
/**
.ac_results {
    padding: 0px;
    border: 1px solid #cacaca;
    background-color: #efefef;
    overflow: hidden;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
	/*display/**//*:block;/*sorry for IE5*/
	/**
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}
.ac_loading {
    background : url('/jquery/img/indicator.gif') right center no-repeat;
}
.ac_over {
    background-color: Highlight;
    color: HighlightText;
}
**/
.header{
   font-size: 15px;
   border-bottom: 2px solid #cacaca;
   background: #f4f4f4;
   padding: 10px;
   font-weight: bold;
}
.userSearchCriteria, .contentTop{
    display: block;
    background: url('../images/searchBack.gif');
    background-repeat: repeat-x;
    background-position:bottom;
    padding: 0px;
    padding-top: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid #cacaca;
    width: 100%;
}
fieldset {
	margin: 9px 0 9px 0;		/* brandable */
	padding: 0 0 0 20px;		/* brandable */
	border: none;		/* brandable */
}

fieldset fieldset {
	margin-bottom: 6px;		/* brandable */
}

legend {
	font-weight: bold;		/* brandable */
	color: #444;		/* brandable */
	margin: 0 0 4px -18px;		/* brandable */
	padding: 0;		/* brandable */
    font-size: 17px; /*brandable */
    padding-bottom: 10px;
    padding-top: 10px;
}
/*
label {
	display: block;		/* brandable
	margin: 0;		/* brandable
	padding: 0;		/* brandable
}
*/
#left{
    width: 35%;
    float: left;
    margin-right: 30px;
}

.small, infoText{
 padding: 3px;
 font-size: 9px;
}

.hidden{
    display: none;
}

.iconLoading{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}
.dataSmall{
    font-size: 10px;
}